<!--
 * @Author: 明月下
 * @Date: 2022-08-05 19:56:11
 * @LastEditors: 明月下
 * @LastEditTime: 2022-09-02 01:01:58
 * @FilePath: \ali-yun-slimming\vue3-vite\src\App.vue
 * @Description:
-->


<template>
  <RouterView></RouterView>
  <van-tabbar v-model="store.routePath" @change="onChange">
    <van-tabbar-item to="/" name="/" icon="home-o"></van-tabbar-item>
    <van-tabbar-item to="/user" name="/user" icon="friends-o"></van-tabbar-item>
    <!-- <van-tabbar-item name="setting" icon="setting-o"></van-tabbar-item> -->
  </van-tabbar>
</template>

<script setup lang="ts">
import { useStore } from './store/data';

const store = useStore()
const onChange = (name: string) => {
  console.log("点击标签，切换到" + name + "页面")
}
</script>

<style scoped>
</style>
